﻿<!DOCTYPE html> 
<html> 
	<head>
	<meta charset="utf-8" /> 
	<title>Join study</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />  
	<link rel="stylesheet" href="_assets/css/jqm-docs.css"/>
	<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script><script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
	</head> 
<body> 

<div data-role="page" data-theme="c">

	<header data-role="header" data-position="fixed" ><h1>Who is studying</h1>
			</header><!-- /header -->

	<div data-role="content">
    
			
<div data-role="fieldcontain">
	<label for="course" class="select">Course:</label>
	<select name="course" id="course">
    	<option value="Genetics">Genetics</option>
		<option value="Math">Math</option>
		<option value="Subject 1">Subject 2</option>
		<option value="Subject 1">Subject 3</option>
		<option value="Subject 1">Subject 4</option>
	</select>
</div>

<div id="map">
</div>





<div data-role="controlgroup">
<a href="getmethere.html" data-role="button" data-transition="pop" data-icon="gear">Get me there</a>
<a href="chat.html" data-role="button" data-transition="pop" data-icon="info">I want to ask</a>
<a href="index.html" data-role="button" data-transition="pop" data-icon="star">Documets</a>
</div>

	</div><!-- /content -->
    
    <footer data-role="footer"><h4>Copyright</h4>
    </footer>
    
</div><!-- /page -->

</body>
</html>